<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css文本</title>
    <style>
      .pink {
          color: pink;
      }
      .center {
          text-align: center;
      }
      .block {
          width: 500px;
          height: 500px;
          background-color: palegreen;
      }
      .text-line {
          /*下划线*/
          /*text-decoration: underline;*/
          /*删除线*/
          /*text-decoration: line-through;*/
          /*上划线*/
          /*text-decoration: overline;*/
          /*没有线*/
          text-decoration: none;
      }

    </style>
</head>
<body >
<h2 class="center">pink的秘密</h2>
<p class="pink">那一抹众人中最漂亮的颜色</p>
<p class="block center">优雅，淡然，心中又那么澄澈</p>
<p class="text-line">前端总是伴随着困难与犯错</p>
<p style="text-indent: 2em">静心，坦然，攻克一个又一个难关</p>
<p>这就是pink老师的秘密也是老师的最终嘱托</p>
<a href="#" class="text-line">粉红色的回忆</a>
</body>
</html>